2027 redesign: hero exploration 2 (overlay) - #4802
Draft
marcoacierno wants to merge 1 commit into
Draft
Conversation
Explores direction B of the 2027 hero redesign: the illustration stays full-bleed as the background and the copy and CTAs sit on top of it. The HomepageHero block gains a variant toggle plus the fields the fold needs to answer what, when, where, what kind and what to do next, so the copy stays editable per phase from Wagtail. The default variant is illustration only, which keeps the current homepage untouched. The illustration cannot carry light text unscrimmed, so the overlay adds a vertical scrim for mobile and a second horizontal one on desktop that darkens only the copy column, leaving the church and the two towers on the right of the frame readable. Co-authored-by: Marco Acierno <3382153+marcoacierno@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
|
Adds an No issues found. |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #4802 +/- ##
==========================================
+ Coverage 93.08% 93.12% +0.03%
==========================================
Files 360 360
Lines 11202 11250 +48
Branches 902 903 +1
==========================================
+ Hits 10427 10476 +49
+ Misses 663 662 -1
Partials 112 112 🚀 New features to boost your workflow:
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Explores direction B from #4801: illustration full-bleed as the background, copy and CTAs on top.
What changed
HomepageHeroWagtail block gains avarianttoggle (illustration_only/overlay) plustitle,subtitle(dates + city),body(one-line description),highlight(optional scale marker) andprimary_cta/secondary_cta.illustration_only, so the live homepage is unchanged until an editor opts in.Can the existing artwork carry an overlay?
Not unscrimmed. The day sky (
#6A80EF) reaches only 3.3:1 againstmilk, below AA even for large text; night (#151C28) is fine at 15.8:1. The bottom half of both cycles is crowded with the hills, the church, the two towers and the snake, and the sun/moon and clouds travel through the upper band.With the scrim the copy area sits at 8:1 or better in both cycles, so no redraw is required to ship this. It does mute the day artwork, so a quieter day variant with more empty sky on the left would let the scrim drop and preserve more of the brand moment.
Refs #4801
Generated with Claude Code